<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page import="elibrary.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>My-Library</title>
        <meta name="keywords" content="My Library" />
        <meta name="description" content="Library" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
        <script language="javascript" type="text/javascript">
            function clearText(field)
            {   if (field.defaultValue == field.value) field.value = '';
                else if (field.value == '') field.value = field.defaultValue;
            }

        </script>
    </head>
    <body>
        <%
		

                        String path = getServletContext().getRealPath("/config.jsp");
                        Config conf = new Config();
                        conf.readConfig(path);
                        if(conf.connectURL.equals("connectURL")){
                                response.sendRedirect("install.jsp");
                        }
        %>
        <div id="templatemo_header_wrapper">
            <div id="templatemo_header">
                <div id="site_logo">
                    <img src="images/logo.jpeg" width="100" height="100"/>
                </div>
                <div align="left"><img src="images/header.png"/>
                </div>
            </div> <!-- end of header -->
        </div> <!-- end of header wrapper -->

        <div id="templatemo_menu_wrapper">
            <div id="templatemo_menu">
                <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Web Design</a></li>
                    <li><a href="http://www.templatemo.com" target="_parent">Templates</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#" class="last">Contact Us</a></li>
                </ul>
            </div> <!-- end of menu -->
        </div> <!-- end of menu wrapper -->


        <div id="tempatemo_content_wrapper">
            <div id="templatemo_content">
                <div class="recent_projects">
                    <div class="project_slideshow">
                        <div id="one" class="contentslider">
                            <div class="cs_wrapper">
                                <div class="cs_slider">

                                    <div class="cs_article">
                                        <a href="#">
                                            <img src="images/library1.jpg" alt="Screenshot 1" />
                                        </a>
                                    </div><!-- End cs_article -->

                                    <div class="cs_article">
                                        <a href="#">
                                            <img src="images/library2.jpg" alt="Screenshot 2" />
                                        </a>
                                    </div><!-- End cs_article -->

                                    <div class="cs_article">
                                        <a href="#">
                                            <img src="images/library3.jpg" alt="Screenshot 3" />
                                        </a>
                                    </div><!-- End cs_article -->

                                    <div class="cs_article">
                                        <a href="#">
                                            <img src="images/library4.jpg" alt="Screenshot 4" />
                                        </a>
                                    </div><!-- End cs_article -->

                                </div><!-- End cs_slider -->
                            </div><!-- End cs_wrapper -->
                        </div><!-- End contentslider -->
                        <!-- Site JavaScript -->
                        <script type="text/javascript"
                        src="js/jquery.min.js"></script>
                        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
                        <script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
                        <script type="text/javascript">
                            $(function() {
                                $('#one').ContentSlider({
                                    width : '530px',
                                    height : '200px',
                                    speed : 800,
                                    /* easing : 'easeInOutExpo' */
                                    /* easing : 'easeOutQuad'  */
                                    easing : 'easeInOutBack'
                                });
                            });
                        </script>
                        <script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
                        <script src="js/chili/recipes.js" type="text/javascript"></script>


                    </div>

                    <div class="project_content">
                        <div class="header_03">Login Here</div>
                        <form action="validate.jsp" method="post">
                            <table align="center" class="login">
                                <tr>
                                    <td>Username </td>
                                    <td><input type="text" name="username" size=15 maxlength="25"/></td>
                                </tr>
                                <tr>
                                    <td>Password </td>
                                    <td><input type="password" name="password" size=15 maxlength="25"/></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td><% if (session.getAttribute("message") != null) { %>
                                        <div id="failedloginmsg">
                                            <%= session.getAttribute("message") %>
                                            <% session.setAttribute("message", null); %>
                                        </div>
                                        <%} %>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td><input type="submit" name="login" value="Log in"/></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td class="forgotpass"><a href="forgotpassword.jsp"> Forgot Password</a></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>

                <div id="content_panel">
                    <div id="column_w610">
                        <div class="header_01">Welcome to our WEBSITE!</div>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non rutrum arcu. Vestibulum ornare dolor eget leo placerat sed tincidunt dolor interdum. Ut congue lacus vitae augue mattis non dictum arcu pharetra. Nulla facilisi. Proin leo nisi, porta id accumsan ac, mattis in nulla. <a href="#">Nullam non urna eros</a>.
                        </p>

                        <div class="section_01">
                            <div class="top"></div>
                            <p>Curabitur ut urna vel purus imperdiet vulputate. Fusce eget metus ac lectus bibendum placerat. Praesent scelerisque, metus sit amet pulvinar tempor, eros ligula tristique massa, sed posuere ante nisl eu tellus. Nullam vitae iaculis magna. Aenean ante lorem, vestibulum eu lacinia rhoncus, eleifend a felis.</p>

                            <div class="bottom"></div>
                        </div>

                        <p>Nunc fringilla congue congue. In blandit nisl sit amet diam consectetur eleifend. Nunc eget felis nisl, sodales facilisis erat. Vestibulum nec lacus sem, ac ullamcorper tortor. Nullam eleifend, arcu nec iaculis dapibus, urna metus dictum lectus, vel elementum enim felis vel odio.</p>

                        <ul class="list_with_icon">
                            <li>Integer tempor, libero quis laoreet dapibus, quam mauris hendrerit  urna, vel feugiat dolor lectus non velit. Fusce at nisl libero, ac  fringilla risus.</li>
                            <li>Proin non velit nec enim volutpat euismod. Phasellus lorem velit, porttitor non iaculis in, euismod a metus. Nullam orci odio, dignissim a egestas ac, <a href="#">sollicitudin in quam</a>.</li>
                        </ul>

                    </div> <!-- end of column w610 -->

                    <div id="column_w290">
                        <div class="header_02">News and Events</div>
                        <div class="news_section">
                            <div class="news_date">
                        	29 <span> OCT</span>
                            </div>
                            <div class="news_content">
                                <div class="header_05"><a href="#">Lorem ipsum dolor sit</a></div>
                                <p>Lorem ipsum dolor sit amet, cons ect etur adipiscing elit. Vestibu lum ac dui non tellus auctor.</p>
                            </div>

                            <div class="cleaner"></div>
                        </div>

                        <div class="news_section">
                            <div class="news_date">
                        	28 <span> OCT</span>
                            </div>
                            <div class="news_content">
                                <div class="header_05"><a href="#">Nam dictum pellentesque</a></div>
                                <p>Nam ultricies cursus enim, non aliquet orci lacinia ac. Etiam lobortis adipiscing convallis. </p>
                            </div>

                            <div class="cleaner"></div>
                        </div>

                        <div class="news_section">
                            <div class="news_date">
                        	27 <span> OCT</span>
                            </div>
                            <div class="news_content">
                                <div class="header_05"><a href="#">Donec faucibus tortor</a></div>
                                <p>Aliquam porttitor nibh in erat porttitor in accumsan dui pulvinar. Vivamus a sapien arcu.</p>
                            </div>

                            <div class="cleaner"></div>
                        </div>

                        <div class="header_02">Subscribe Newsletter</div>
                        <div class="column_w290_content">
                            <form action="#" method="get">
                                <input type="text" value="Please enter your email address" name="q" size="10" class="inputfield" title="email address" onfocus="clearText(this)" onblur="clearText(this)" />

                                <input type="submit" name="submit" value="Submit" alt="Search" class="submitbutton" title="submit" />
                            </form>
                        </div>
                    </div> <!-- end of column 290 -->
                    <div class="cleaner"></div>
                </div> <!-- end of content panel -->
                <div class="cleaner"></div>
            </div> <!-- end of content -->

        </div> <!-- end of content wrapper -->

        <div id="templatemo_footer_wrapper">

            <div id="templatemo_footer">

                <center>Copyright &#169; 2010 MyLibrary &nbsp &nbsp | &nbsp &nbsp <a href="termsandconditions.jsp"><font color="#828c96"> Terms and Conditions</font></a> </center><br></br>
                <center><b>Disclaimer:</b> No Part of this site can be copied or reproduced in any form, excepting for personal information, without the written permission of the owners.</center>
            </div> <!-- end of footer -->
        </div> <!-- end of footer -->
    </body>
</html>
